<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/login.css">
    <title>注册</title>
  </head>

  <body>
    <!--页头-->
	<header class="buddy-header bg">

		<div class="logo-menu-sec bg">
			<div class="container">
				<div class="row">
					<div class="logo-sec">
						<div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
							<div class="logo">
								<img src="img/logo.png" alt="" />
							</div>
						</div>
						<div class="col-md-6 col-lg-5 col-sm-4 hidden-xs">
							<ul class="quick-prom">
								<li><i class="fa fa-phone"></i> <span>咨询电话 : <a href="#">100200300</a></span></li>
								<li class="hidden-sm"><i class="fa fa-envelope-o"></i><span>邮箱：<a href="#">mail@example.com</a></span></li>
							</ul>
						</div>

					</div>
				</div>
			</div>
		</div>

	</header>
    <!-- 注册框开始 -->
    <section>
      <div class="account-area">
        <div class="container">
          <div class="row">
            <div class="col-xs-12 col-sm-8 col-md-6 col-md-offset-3 col-sm-offset-2">
              <form method="post" action="register">
                <div class="text-reg" >
                  <h3>注册</h3>
                  <div class="form-group">
                	<label>账户名</label>
                    <span class="tip un-tip"></span>
                    <input type="text" class="form-control untxt" placeholder="请输入账户名" value="" name="uname" required="required"/>
                  </div>
                  <div class="form-group">
                    <label>密码</label>
                    <span class="tip upw_tip"></span>
                    <input type="password" class="form-control pwtxt" placeholder="请输入密码" value="" name="pwd" required="required"/>
                  </div>
                  <div class="form-group">
                    <label>确认密码</label>
                    <span class="tip rupw_tip"></span>
                    <input type="password" class="form-control rpwtxt" placeholder="请再次输入密码" value="" name="repwd" required="required"/>
                  </div>
                </div>

                <div class="btn-reg">

                  <div class="btn-group" role="group">
                    <button type="submit" class="btn btn-default btn-submit"  id="btn">注册</button>
                  </div>
                  <span class="tip submit-tip wrong"></span>
                  <div class="anchor">
                    <span class="hidden-xs inquiry">已注册？</span>
                    <a href="login" class="forgotten">去登录</a>
                  </div>

                </div>

              </form>
            </div>

          </div>
        </div>
      </div>
    </section>
    <!-- 登录框结束 -->


	<!--页脚-->
	<div class="section-info pt55 pb55">
		<div class="parallax-bg">
			<div class="section-content">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-truck"></i>
								<h3>免费送货</h3>
								<p>学校的每一个角落</p>
							</a>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-headphones"></i>
								<h3>支持定制</h3>
								<p>全天候24小时支持</p>
							</a>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-diamond"></i>
								<h3>高品质</h3>
								<p>拥有最好的品质和品牌</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="footer-widgets-area pt55">
			<section class="block">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="content-box no-margin go-simple">
								<div class="row">
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget about-widget">
											<div class="logo">
												<a><img alt="" src="img/logo.png"></a>
											</div>
											<p>你好，世界！</p>
											<ul>
												<li>
													<i class="fa fa-map-marker"></i> 广州南方学院
												</li>
												<li>
													<i class="fa fa-phone"></i> 110-0487 &nbsp;&nbsp;&nbsp; 119-04887
												</li>
											</ul>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget how-to-buy">
											<h3 class="heading2">服务</h3>
											<ul>
												<li>
													<a href="#" title="">联系我们</a>
												</li>
												<li>
													<a href="#" title="">礼品</a>
												</li>
												<li>
													<a href="#" title="">VIP</a>
												</li>
											</ul>
										</div>
									</div>
									<div class="col-md-3 hidden-sm col-xs-12">
										<div class="widget customer-services">
											<h3 class="heading2">信息</h3>
											<ul>
												<li>
													<a href="#" title="">关于我们的店铺</a>
												</li>
												<li>
													<a href="#" title="">安全购物</a>
												</li>
												<li>
													<a href="#" title="">隐私政策</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</footer>

    <script src="js/jquery-1.12.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
	<script src="js/jquery.meanmenu.js"></script>
    <script src="js/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script src="js/register.js"></script>
  </body>

</html>
